.flex {
  display: flex;
  &.column {
    flex-direction: column;
  }
  &.end {
    justify-content: flex-end;
  }
  &.between {
    justify-content: space-between;
  }
  &.center {
    justify-content: center;
  }
  &.alignCenter {
    align-items: center;
  }
  &.warp {
    flex-wrap: wrap;
  }
}
.hand-style {
  cursor: url(https://file.qcycloud.com/link1.cur), pointer;
}
.ellipsis-txt {
  white-space: nowrap; /* 防止文本换行 */
  overflow: hidden;    /* 隐藏超出范围的文本 */
  text-overflow: ellipsis; /* 超出文本显示省略号 */
  width: 200px; /* 设置宽度，确保文本超出 */
  border: 1px solid #ccc; /* 可选，给元素加个边框以便查看效果 */
}
.multiline-ellipsis-txt {
  display: -webkit-box;       /* 使用弹性盒模型 */
  -webkit-box-orient: vertical; /* 设置盒子的方向为垂直 */
  -webkit-line-clamp: 2;      /* 限制显示的行数，这里是 3 行 */
  overflow: hidden;           /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;    /* 超出文本显示省略号 */
  height: 4.5em;              /* 设置高度以适应行数，4.5em 是 3 行文本的近似高度 */
}
.imgZoom img{
  display: block;        /* 去掉图片底部的间隙 */
  transition:all .5s;
}
.imgZoom:hover img {
  transform: scale(1.2); /* 鼠标悬停时放大图片 */
}

//中心放大
@keyframes scale-up-center{
  0%{
    transform:scale(.5)
  }
  100%{transform:scale(1)
  }
}
.scale-up-center{
  animation:scale-up-center .4s both
}
